/* personcenter */

.container {
    width: 100%;
    height: 100%;
}

.container1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.people-content {
    width: 100%;
    padding: 0 74px;
    height: 980px;
}

.p-p-p.person {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
}

.classIntru {
    position: absolute;
    width: 650px;
    margin: 0 auto;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    font-size: 36px;
    height: 70px;
    line-height: 70px;
    top: 0;
    left: 480px;
    /* transform: translate(-50%,0); */
    /* background: url("../../img/detail/title1.png")no-repeat */
}

.classIntru>i {
    font-style: normal;
    margin-right: 5px;
    /* font-weight: bold; */
}

.pre-item {
    height: 70px;
    width: 300px;
    position: relative;
    padding: 5px 0;
    float: left;
    margin-left: 42px;
    margin-top: 30px;
}

.imgIcon {
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 70px;
}

.imgIcon>img {
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.pre-top.pre-top {
    padding-left: 92px;
    height: 60px;
    background-color: #101358;
    border-radius: 30px;
    padding-top: 10px;
    text-align: left;
}

.pre-name {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #fff;
}

.p-j-job {
    height: 14px;
    line-height: 14px;
    color: #657dad;
    ;
    font-size: 14px;
    margin-top: 8px;
}

.m-m-person {
    /* border:1px dashed #ba583b; */
    border-radius: 8px;
    /* height:324px; */
    width: 100%;
    /* margin-top:20px; */
    overflow: hidden;
    padding: 0 20px;
    /* background-color: #0e104d; */
    height: 854px;
    padding-top: 98px;

}

.system {
    position: absolute;
    width: 240px;
    height: 50px;
    overflow: hidden;
    top: 32px;
    right: -22px;
    /* right: 28px; */
}

body .goback-sys {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 16px;
    position: relative;
    background-color: #234def;
}

.gonext-sys>img {
    /* height:50px;
    width:50px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body .gonext-sys {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    background-color: #234def;
}

.goback-sys>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.m-m-clc {
    width: calc(100% + 38px);
    overflow-y: scroll;
    transition: all 0.3s;
    overflow-x: hidden;
    height: 100%;
}


.diago {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    /* display: ; */
}

.diado-content {
    position: absolute;
    top: 162px;
    left: 320px;
    width: 1280px;
    height: 780px;
}

.diago-title {
    width: 1280px;
    height: 70px;
    /* background-color: #fa8803; */
    overflow: hidden;
}

.diago-left {
    float: left;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
    color: #fff;
    padding-left: 32px;
}

.diago-close {
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    background: url("../../img/detail/peopleCenter/mode_close.png") no-repeat center center;
    margin: 26px 35px 0 0;
    cursor: pointer;
}

.diago-close:hover {
    opacity: .8;
}

.model-content {
    height: 640px;
    width: 100%;
    background-color: #f6f6f6;
}

.model-list {
    padding-top: 19px;
}

.model-list ul {
    width: 1172px;
    margin: 0 auto;
}

.model-list ul li {
    width: 562px;
    height: 284px;
    float: left;
    margin-right: 48px;
    background: #fff;
    border: 2px solid #fff;
    margin-bottom: 28px;
    padding: 10px 9px;
    cursor: pointer;
}

.model-list ul li .modelDiv {
    height: 100%;
    width: 100%;
    position: relative;
}

.model-list ul li .modelDiv p {
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.model-list ul li:nth-child(2n) {
    margin-right: 0;
}

.model-list ul li:nth-child(1) .modelDiv {
    background: url("../../img/detail/peopleCenter/mode_img1.png") no-repeat;
}

.model-list ul li:nth-child(2) .modelDiv {
    background: url("../../img/detail/peopleCenter/mode_img2.png") no-repeat;
}

.model-list ul li:nth-child(3) .modelDiv {
    background: url("../../img/detail/peopleCenter/mode_img3.png") no-repeat;
}

.model-list ul li:nth-child(4) .modelDiv {
    background: url("../../img/detail/peopleCenter/mode_img4.png") no-repeat;
}

.modelSpan {
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../../img/detail/peopleCenter/mode_notSel.png");
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 20px;
    right: 20px;
    border-radius: 18px;
}

.model-list ul li.active {
    border-color: #fa8802;
}

.model-list ul li.active .modelSpan {
    background-color: #fa8802;
    background-image: url("../../img/detail/peopleCenter/mode_sel.png");
}

.diago-bottom {
    height: 70px;
    width: 100%;
    background-color: #fff;
    padding: 16px 0;
}

.cancel {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #dddddd;
    border-radius: 20px;
    width: 80px;
    font-size: 16px;
    float: right;
    cursor: pointer;
}

.totrue {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #dddddd;
    border-radius: 20px;
    width: 80px;
    font-size: 16px;
    float: right;
    margin: 0 30px 0 22px;
    cursor: pointer;
}


.editCon {
    padding: 30px 40px 0;
}

.editCon>h3 {
    margin-bottom: 8px;
    font-size: 20px;
    color: #333;
}

.editDiv textarea {
    resize: none;
    border: none;
    background: #fff;
    width: 100%;
    height: 400px;
    padding: 10px 20px;
    line-height: 26px;
    font-size: 20px;
    color: #333;
}

.editDiv input {
    border: none;
    background-color: #fff;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    padding: 0 20px;
    color: #333;
    /* background-image: url("../../img/detail/peopleCenter/inputDate_icon.png"); */
    background-repeat: no-repeat;
    background-position: right 20px center;
    border: 1px solid #aaa;
}

.c-datepicker-date-picker.has-sidebar {
    top: 399px !important;
}

.editDiv.c-datepicker-date-editor {
    height: 64px;
    width: 100%;
    border: none;
    border-radius: 0;
}

.editDiv .c-datepicker-data-input.only-date {
    width: 100%;
}

/* 学习园地 */



.top-title {
    height: 100px;
    width: 100%;
}

.p-p-p.study {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
}

.textarearY {
    width: 100%;
    height: 406px;
    border: 0;
    color: #8fb4f8;
    font-size: 30px;
    line-height: 40px;
    padding: 0 64px;
    background-color: #0e104d;
    resize: none;
    overflow: hidden;
    margin-bottom: 34px;
}

.content {
    width: 1270px;
    height: 254px;
    overflow: hidden;
    margin: 0 auto;
}

.content-item {
    width: 400px;
    height: 70px;
    float: left;
    line-height: 70px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: url("../../img/detail/bgtitle.png")no-repeat
}

.m-m-person .bg-tab {
    display: block;
    color: #95bcff;
    padding-left: 260px;
    height: 30px;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 30px;
}

/* 班组荣誉 */




.p-p-p.classhoner {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
    /* padding:0 64px; */
}

.classIntru.honner {
    position: absolute;
    width: 650px;
    margin: 0 auto;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    font-size: 36px;
    height: 70px;
    line-height: 70px;
    top: 0;
    left: 480px;
    /* transform: translate(-50%,0); */
    z-index: 9;
    /* background: url("../../img/detail/title1.png")no-repeat */
}

.hanglie {
    position: absolute;
    top: 488px;
    left: 64px;
    width: 1654px;
    height: 30px;
    background-color: #aca4a2;
}

.m-m-person.m-m-t {
    /* border:1px dashed #ba583b; */
    border-radius: 8px;
    /* height:324px; */
    width: 100%;
    margin-top: 0;
    overflow: hidden;
    /* padding:0 20px; */
    /* background-color: #0e104d; */
    height: 890px;
    padding-top: 173px;
    position: relative;
    text-align: center
}

.user-left {
    width: 100%;
    /* overflow-x:scroll; */
    overflow: hidden;
    height: 1032px;
}

.index0 {
    /* position: absolute;
    top:130px;
    left:773px; */
    margin: 0 auto;
    width: 220px;
}

.item-img {
    width: 200px;
    float: left;
    overflow: hidden;
    position: relative;
    height: 160px;
}

.item-img>img {
    min-height: 160px;
    width: 200px;
    clip: rect(0, 200px, 160px, 0);
}

.item-text {
    width: 100%;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.top-honner {
    height: 448px;
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.bottom-honner {
    /* height:448px;
    width:220px;
    padding-top:220px;
    display: inline-block; */
    height: 700px;
    width: 200px;
    padding-top: 322px;
    display: inline-block;
}

.top-honner>.toimg>img {
    transform: rotate(180deg);
}

.top-honner>.toimg {
    margin-top: 160px;
}

.hopeMessage {
    width: 100%;
    height: 100%;
    border: 0;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    padding: 0 64px;
    background-color: transparent;
    resize: none;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 0 364px;
}

.img-clicks {
    position: absolute;
    top: -19px;
    right: -16px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
    line-height: 36px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9;
}

/* 风采剪影 */




.p-p-p.elegant {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
    padding-top: 125px;
}

.c-c-img {
    width: 100%;
    height: 725px;
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
    /* margin-top:46px; */
    overflow: hidden;
    position: relative;
}

.c-c-item1 {
    width: 344px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.c-c-map {
    width: 344px;
    height: 230px;
    overflow: hidden;
    /* position: relative; */
}

.c-c-map>img {
    width: 344px;
    min-height: 230px;
    position: absolute;
    clip: rect(0, 344px, 230px, 0);
}

.c-c-item2 {
    width: 486px;
    height: 100%;
    overflow: hidden;
}

.c-c-item2>img {
    width: 100%;
    max-height: 100%;
}

.c-c-left {
    width: 485px;
    overflow: hidden;
}

.c-c-left>img {
    min-width: 100%;
    height: 100%;
}


.p-p-p.instrut {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
}

.classIntru.bzjj {
    position: absolute;
    width: 650px;
    margin: 0 auto;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    font-size: 36px;
    height: 70px;
    line-height: 70px;
    top: 0;
    left: 480px;
    /* transform: translate(-50%,0); */
}

.textarearY.instrut {
    width: 100%;
    height: 406px;
    border: 0;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    padding: 0 64px;
    background-color: transparent;
    resize: none;
    overflow: hidden;
    margin-bottom: 24px;
}

.m-m-person.instrut {
    border-radius: 8px;
    /* height:324px; */
    width: 100%;
    margin-top: 0;
    overflow: hidden;
    padding: 0 20px;
    /* background-color: #0e104d; */
    height: 890px;
    padding-top: 146px;
}

.p-p-p.classhope {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
}

.classIntru.hope {
    position: absolute;
    width: 650px;
    margin: 0 auto;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    font-size: 36px;
    height: 70px;
    line-height: 70px;
    top: 0;
    left: 480px;
    /* transform: translate(-50%,0); */
    /* background: url("../../img/detail/title1.png")no-repeat */
}

.content {
    width: 1270px;
    height: 254px;
    overflow: hidden;
    margin: 0 auto;
}

.p-p-p.person {
    width: 100%;
    height: 100%;
    /* background: url("../../img/detail/1.png")no-repeat; */
    background-size: cover;
    position: relative;
}

.imgtopp {
    color: red;
    display: none;
}

.imgtopptwo {
    color: red;
    display: none;
}

.goback-syz {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    background-color: #234def;
    margin-right: 16px;
}

.goback-syz>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 20px;
    display: inline-block;
    height: 48px;
    width: 48px;
}

.container1 .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px;
    left: 0;
    width: 100%;
}


.honnerT {
    -webkit-animation-name: honnerT;
    animation-name: honnerT;
}

.honnerUp {
    -webkit-animation-name: honnerUp;
    animation-name: honnerUp;
}

.honnerRight {
    -webkit-animation-name: honnerRight;
    animation-name: honnerRight;
}

.honnerBottom {
    -webkit-animation-name: honnerBottom;
    animation-name: honnerBottom;
}

.c-c-item1>img {
    /* position: absolute;
      top:50%;
      left:50%;
      width:343px;
      transform: translate(-50%,50%); */
}

@keyframes honnerT {
    0% {
        margin-left: -400px;

    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes honnerT {
    0% {
        margin-left: -400px;

    }

    100% {
        margin-left: 0;
    }
}

@keyframes honnerUp {
    0% {
        margin-top: -100%;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes honnerUp {
    0% {
        margin-top: -100%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes honnerRight {
    0% {
        margin-left: 100%;
    }

    100% {
        margin-left: 0;
    }
}

@-webkit-keyframes honnerRight {
    0% {
        margin-left: 100%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes honnerBottom {
    0% {
        margin-top: 100%;
    }

    100% {
        margin-top: 0;
    }
}

@-webkit-keyframes honnerBottom {
    0% {
        margin-top: 100%;
    }

    100% {
        margin-top: 0;
    }
}

.next-diago-two .diago-active {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1282px;
}

.next-diago-two .diago-title-two {
    width: 1282px;
}

.diago-active .honner-content-two {
    width: 1282px;
    height: 528px;
}

.honner-content .honner-left-two {
    width: 922px;
    height: 528px;
}

.honner-content .honner-right-two {
    height: 528px;
}

.honner-img-two {
    position: relative;
    width: 340px;
    max-height: 230px;
    margin-top: 30px;
}

.honner-img-two>.img-h-listtwo:first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 106px;
    width: 160px;
}

.honner-img-two>.img-h-listtwo:nth-child(2) {
    position: absolute;
    top: 148px;
    left: 0;
    height: 106px;
    width: 160px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo:nth-child(3) {
    position: absolute;
    top: 266px;
    left: 0;
    height: 106px;
    width: 160px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo:nth-child(4) {
    position: absolute;
    top: 30px;
    left: 172px;
    height: 348px;
    width: 230px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo:nth-child(5) {
    position: absolute;
    top: 30px;
    left: 414px;
    height: 106px;
    width: 160px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo:nth-child(6) {
    position: absolute;
    top: 148px;
    left: 414px;
    height: 106px;
    width: 160px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo:nth-child(7) {
    position: absolute;
    top: 266px;
    left: 414px;
    height: 106px;
    width: 160px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo:nth-child(8) {
    position: absolute;
    top: 30px;
    left: 586px;
    height: 348px;
    width: 230px;
    margin: 0;
}

.honner-img-two>.img-h-listtwo>img {
    width: 100%;
    position: absolute;
    clip: rect(0, 126px, 84px, 0);
    height: auto;
}

.honner-img .img-h-list>img {
    /* width: 126px; */
    /* max-height: 84px; */
    position: absolute;
    min-width: 126px;
    min-height: 100%;
    clip: rect(0, 126px, 84px, 0);
    height: auto;
}

.honner-img-two>.img-h-listtwo:nth-child(4)>img {
    width: auto;
    max-height: 100%;
    /* max-width: 100%; */
    clip: rect(0, 152px, 256px, 0);
    height: auto;
}

.honner-img-two>.img-h-listtwo:nth-child(8)>img {
    width: auto;
    max-height: 100%;
    /* max-width: 100%; */
    clip: rect(0, 152px, 256px, 0);
    height: auto;
}

.img-h {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img-h>img {
    width: 100%;
}

.img-click {
    display: none;
}


.wordlimit {
    width: 100%;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    margin-top: 12px;
    text-align: right;
}

.qcimg {
    height: 110px;
    width: 100%;
    /* overflow: hidden; */

}

.upload {
    position: relative;
}

.qcimgs {
    height: 110px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: -400px;
}

.qcodemsgitem {
    float: left;
}

.rightword {
    float: left;
    padding-left: 16px;
    padding-top: 34px;
}

.uploadtop {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #999;
}

.uploaddown {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #999;
    margin-top: 10px;
}
.newposition{
    display:none;
    position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(0,0,0,.8);
    z-index:9999}
.previewbox .preview-header{position:absolute;top:0;left:0;width:100%;height:50px}
.previewbox .preview-header .preview-indicator{display:block;line-height:28px;color:#fff;text-align:center;margin:10px auto;width:68px;background-color:rgba(0,0,0,.4);border-radius:12px;font-size:16px}.previewbox .preview-content{font-size:0;position:relative;white-space:nowrap;height:100%}.previewbox .preview-content .content-item-abc{font-size:14px;position:relative;display:inline-block;width:100%;height:100%;vertical-align:top;white-space:normal}.previewbox .preview-content .content-item .content-item-scroller{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;bottom:0;top:0;width:100%;height:100%;margin:0}
.newposition  .content-item-scroller {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.content-item-scroller img{
    max-width:50%;
}
.previewbox .preview-content .content-item-abc .content-item-scroller .toggle-left{position:absolute;top:50%;left:10px;width:38px;z-index:10000;color:#fff;cursor:pointer;font-size:22px;text-align:center;display:block}
.previewbox .preview-content .content-item-abc .content-item-scroller .toggle-right{position:absolute;top:50%;right:10px;width:38px;z-index:10000;color:#fff;cursor:pointer;font-size:22px;text-align:center;display:block}